<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>
        <!--{name}-->
    </title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
        data-react-helmet="true">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <script src="https://plugins-cdn.kancloud.cn/highlight/0.0.12/reader/index.js" async="" data-plugin-name="highlight"></script>
    <script src="https://plugins-cdn.kancloud.cn/theme-default/0.3.3/reader/index.js" async="" data-plugin-name="theme-default"></script>
    <link rel="stylesheet" href="https://plugins-cdn.kancloud.cn/highlight/0.0.12/reader/style.css" data-react-helmet="true">
    <link rel="stylesheet" href="https://plugins-cdn.kancloud.cn/theme-default/0.3.3/reader/style.css"
        data-react-helmet="true">
    <style type="text/css" data-react-helmet="true">
        /*{css}*/
    </style>
</head>

<body>
    <div id="main">
        <div class="window-container"><img src="https://cover.kancloud.cn/pwedu/code-fans!middle" style="position: absolute; visibility: hidden;">
            <div>
                <div class="Loading__loading___1m_fZ">
                    <div class="Loading__bar___21yOt" style="background: rgb(33, 186, 69); width: 0%; display: none;">
                        <div class="Loading__peg___3Y_28"></div>
                    </div>
                </div>
                <div class="Loading__spinner___11Pm4">
                    <div class="Loading__icon___3OOyu" style="display: none; border-color: rgb(33, 186, 69);"></div>
                </div>
            </div>
            <div class="window-body">
                <div class="sidebar">
                    <div class="sidebar-header"><a href="/pwedu/code-fans" data-no-pjax="true" class="title">Code 迷</a>
                        <div class="search-form">
                            <div class="ui small fluid icon input">
                                <input type="text" placeholder="请输入搜索关键词..."><i class="icon search"></i></div>
                        </div>
                    </div>
                    <div class="sidebar-body">
                        <div class="catalog-body">
                            <div>
                                <ul>
                                    <li class="active">
                                        <div class="wholerow"></div>
                                        <i class="icon"></i>
                                        <a href="321504" class="text">MarkDown编辑必备插件</a>
                                    </li>
                                    <li class="">
                                        <div class=""></div>
                                        <i class="icon"></i><a href="" class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos.</a>
                                    </li>
                                    <li class="">
                                        <div class=""></div>
                                        <i class="icon"></i><a href="" class="text">Delectus eaque rerum reprehenderit quidem, excepturi esse aliquid dolores.</a>
                                    </li>
                                    <li class="">
                                        <div class=""></div>
                                        <i class="icon"></i><a href="" class="text">Est deserunt officia laudantium officiis voluptas atque optio reprehenderit?</a>
                                    </li>
                                    <li class="">
                                        <div class=""></div>
                                        <i class="icon"></i><a href="" class="text">Culpa numquam rerum in sapiente provident officiis eligendi hic.</a>
                                    </li>
                                    <li class="">
                                        <div class=""></div>
                                        <i class="icon"></i><a href="" class="text">Vero fugit rem natus minima pariatur quaerat repellendus facilis.</a>
                                    </li>
                                    <li class="">
                                        <div class=""></div>
                                        <i class="icon"></i><a href="" class="text">Dicta odit asperiores, aliquid dolores eos debitis eaque quam?</a>
                                    </li>
                                    <li class="">
                                        <div class=""></div>
                                        <i class="icon"></i><a href="" class="text">Nesciunt in necessitatibus praesentium assumenda animi vero quos est.</a>
                                    </li>
                                    <li class="">
                                        <div class=""></div>
                                        <i class="icon"></i><a href="" class="text">Non labore exercitationem nulla deleniti ducimus cupiditate asperiores optio.</a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="sidebar-copyright">本文档使用 <a href="https://www.kancloud.cn" target="_blank">看云</a> 构建</div>
                </div>
                <div class="workspace">
                    <div class="article">
                        <div class="article-head">
                            <div class="left tools"><a class="item icon"><i class="icon align justify"></i></a></div>
                            <h1>{name} 测试</h1>
                            <div class="right tools">
                                <div role="listbox" aria-expanded="false" class="ui top right pointing dropdown item"
                                    tabindex="0">
                                    <div class="text" role="alert" aria-live="polite"></div><i aria-hidden="true" class="share alternate icon"></i>
                                    <div class="menu transition">
                                        <div role="option" class="item"><i aria-hidden="true" class="linkify icon"></i><span
                                                class="text">复制链接</span></div>
                                        <div role="option" class="item"><i aria-hidden="true" class="qq icon"></i><span
                                                class="text">腾讯QQ</span></div>
                                        <div role="option" class="item"><i aria-hidden="true" class="weibo icon"></i><span
                                                class="text">新浪微博</span></div>
                                        <div class="header">
                                            <p><i class="icon wechat"></i><span class="text">微信扫一扫</span></p><img src="https://bshare.optimix.asia/barCode?site=weixin&amp;url=https%3A%2F%2Fwww.kancloud.cn%2Fpwedu%2Fcode-fans%2Fcontent%2FcodeNew%2Fcode-v1-12-1.md">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="article-body kancloud-markdown-body">
                            <div class="markdown-toc">
                                <ul>
                                    <li><a href="#01">Lorem ipsum dolor sit.</a></li>
                                    <li><a href="#02">Reiciendis tempora maxime ab!</a></li>
                                    <li><a href="#03">Eum sequi nesciunt mollitia!</a>
                                        <ul>
                                            <li><a href="#03_1">Lorem, ipsum dolor.</a></li>
                                            <li><a href="#03_2">Necessitatibus, neque accusamus.</a></li>
                                            <li><a href="#03_3">Eius, est quisquam.</a>
                                                <ul>
                                                    <li><a href="#03_3_1">Lorem ipsum dolor sit.</a></li>
                                                    <li><a href="#03_3_2">Nobis suscipit praesentium velit?</a></li>
                                                    <li><a href="#03_3_3">Eveniet soluta ullam commodi!</a></li>
                                                    <li><a href="#03_3_4">Eius repellendus voluptatibus quibusdam!</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="#04">Voluptates quaerat porro accusamus.</a></li>
                                    <li><a href="#05">Fugiat beatae impedit tempora!</a></li>
                                </ul>
                            </div>
                            <h1>看云文档主题：
                                <!--{name}-->
                            </h1>
                            <h2 id="01">Lorem ipsum dolor sit.</h2>
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eveniet iste, aperiam odio
                                ipsa libero culpa.</p>
                            <p>Unde ipsam tempora facere perferendis pariatur quaerat mollitia architecto. Nam
                                asperiores numquam quos labore delectus.</p>
                            <p>Laboriosam suscipit dolor placeat, dolore veniam iure accusantium, sint aliquam quas,
                                enim inventore nisi nulla?</p>
                            <p>At, eligendi eos esse voluptatum nemo cupiditate animi consequatur sunt reprehenderit
                                corrupti expedita, eum minus.</p>
                            <h2 id="02">Reiciendis tempora maxime ab!</h2>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic provident perspiciatis
                                voluptatum fugiat eveniet odio doloribus laudantium, dicta voluptatem, quis molestias
                                est consequatur nemo natus asperiores expedita, culpa ut vel!</p>
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vitae, fugit!<em>Lorem ipsum,
                                    dolor sit amet consectetur adipisicing elit. Perferendis a quod in laborum esse,
                                    modi nihil accusamus nemo earum cupiditate, dolorum fuga mollitia. Libero facilis
                                    quisquam vel omnis. Numquam, sint?</em></p>
                            <h2 id="03">Eum sequi nesciunt mollitia!</h2>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam impedit tempore, cum
                                quisquam nulla, amet, perferendis hic obcaecati quasi sunt ducimus illo nesciunt
                                assumenda officiis eum iste voluptatibus alias in!</p>
                            <h3 id="03_1">Lorem, ipsum dolor.</h3>
                            <pre><code class="default">
                                <span>Lorem ipsum dolor sit amet consectetur.</span>
                                <span>A repellat tenetur quasi perferendis repellendus!</span>
                                <span>Qui dolorem tenetur facere laudantium omnis.</span>
                                <span>Qui ipsa officiis quam praesentium aspernatur.</span>
                                <span>Harum, repudiandae eos? Quibusdam, nemo voluptates.</span>
                            </code></pre>
                            <h3 id="03_2">Necessitatibus, neque accusamus.</h3>
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod deleniti ipsa quae dicta.
                                A expedita quos consectetur perferendis excepturi, maxime esse non. Adipisci minus,
                                repellendus rem distinctio eius voluptatem quaerat.</p>
                            <blockquote class="default">
                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime, error!</p>
                                <p>Cumque autem ipsum praesentium facilis voluptatem pariatur quidem, saepe quia?</p>
                            </blockquote>
                            <h3 id="03_3">Eius, est quisquam.</h3>
                            <p>Lorem ipsum dolor sit amet consectetur.</p>
                            <ul>
                                <li>Lorem ipsum dolor sit amet consectetur adipisicing.</li>
                                <li>Ducimus dolorem esse ullam nobis reiciendis ab?</li>
                                <li>Modi voluptates provident necessitatibus autem aut aperiam?</li>
                                <li>Tempora voluptatum reprehenderit impedit, saepe voluptate eveniet!</li>
                                <li>Quia veniam optio ad, dolorem neque delectus?</li>
                                <li>Qui, natus debitis vel doloremque sit perferendis?</li>
                                <li>Adipisci modi magnam id deserunt amet porro?</li>
                                <li>Doloremque, sequi dolorum! Nobis libero molestias at.</li>
                                <li>Amet non expedita, consequatur ipsum similique eos.</li>
                                <li>Doloribus soluta excepturi cumque eius, eaque quidem?</li>
                            </ul>
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corrupti dolorem magnam sed
                                laboriosam? Laudantium cupiditate obcaecati hic aliquam distinctio iste omnis, quisquam
                                veritatis animi voluptate minima, ipsum tempora soluta harum?</p>
                            <h3 id="03_3_1">Lorem ipsum dolor sit amet consectetur.</h3>
                            <pre>
                                <code class="default">
                                    <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil, alias!</span>
                                    <span>Consequuntur ab doloribus pariatur rerum eaque blanditiis hic unde architecto?</span>
                                    <span>Ducimus in iure inventore dignissimos eveniet expedita quidem! Iste, vero!</span>
                                    <span>Neque modi earum aliquid! Id nihil non voluptatem error laborum!</span>
                                    <span>Atque fuga ea maiores suscipit, repellat maxime obcaecati reiciendis repudiandae.</span>
                                    <span>Asperiores placeat dolore quod minima repellat commodi molestias eius quia.</span>
                                    <span>Atque delectus unde pariatur voluptate fugit cumque iure repellat excepturi.</span>
                                    <span>Doloremque porro expedita praesentium dolorem numquam, facere dolor culpa consectetur.</span>
                                    <span>Ex quis quidem ipsum quisquam laboriosam quo dolorem consequuntur eveniet.</span>
                                    <span>Aut sunt tempora voluptas minus. Quisquam quae earum nisi suscipit.</span>
                                </code>
                            </pre>
                            <h3 id="03_3_2">Dolor, beatae? Aspernatur autem temporibus eos?</h3>
                            <p>Lorem ipsum dolor sit.<code>Lorem, ipsum.</code><em>Lorem.</em></p>
                            <p>Error harum ab voluptatibus!<code>Similique, inventore.</code><em>Aliquam.</em></p>
                            <p>Quo sed ex saepe.<code>Atque, rerum?</code><em>Aliquam?</em></p>
                            <p>Accusamus quasi molestiae vel.<code>Aliquid, debitis.</code><em>Aliquam!</em></p>
                            <h3 id="03_3_3">Iusto saepe error est explicabo et.</h3>
                            <table>
                                <thead>
                                    <th>A</th>
                                    <th>B</th>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>item#001</td>
                                        <td>item#002</td>
                                    </tr>
                                    <tr>
                                        <td>item#001</td>
                                        <td>item#002</td>
                                    </tr>
                                    <tr>
                                        <td>item#001</td>
                                        <td>item#002</td>
                                    </tr>
                                    <tr>
                                        <td>item#001</td>
                                        <td>item#002</td>
                                    </tr>
                                </tbody>
                            </table>
                            <h3 id="03_3_4">Repellat dolore adipisci laboriosam soluta impedit!</h3>
                            <h2 id="04">Voluptates quaerat porro accusamus.</h2>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro vitae incidunt laborum
                                quisquam rem, quo nam voluptas mollitia quibusdam in perspiciatis enim numquam earum
                                tempora at unde optio quasi? Quae.</p>
                            <ol>
                                <li>Lorem ipsum dolor sit amet consectetur adipisicing.</li>
                                <li>Modi, exercitationem dignissimos aut dolores fuga pariatur!</li>
                                <li>Dicta, reprehenderit cupiditate. Nobis reprehenderit praesentium eum.</li>
                                <li>Praesentium impedit rem, officiis nobis facilis fugiat?</li>
                                <li>Quos doloribus quis autem architecto voluptatum. Enim!</li>
                                <li>Quisquam quia, in amet asperiores culpa soluta?</li>
                                <li>Facilis cum aliquam architecto enim impedit. Debitis.</li>
                                <li>Repudiandae dolorum totam odit iure suscipit a!</li>
                            </ol>
                            <h2 id="05">Fugiat beatae impedit tempora!</h2>
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam dolores, laborum
                                cupiditate illum consequuntur <strong>1235</strong> voluptas praesentium ex commodi
                                alias explicabo aperiam quidem(<code>123456789</code>), sint accusantium cumque enim.
                                Nihil suscipit odio illo!</p>
                        </div>
                        <div class="article-navigation"><span class="prev">上一篇：<a href="334613">任务管理器(Task Master)</a></span><span
                                class="next">下一篇：<a href="320721">旧版</a></span></div>
                        <div class="article-foot"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="https://static.kancloud.cn/asset/reader.js?version=a2b141f50865f3b83a9a"></script>
    <script type="text/javascript">
        kancloud.bootstrap();
    </script>
</body>

</html>